<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body,h1,h2,h3,h4,h5,h6,p,ul,dl,dd{
				margin: 0;
				padding: 0;
			}
			body,h1,h2,h3,h4,h5,h6,p{
				font-size:12px;
				font-family: "宋体","微软雅黑";
			}
			ul{
				list-style: none;

			}
			input{ine-style: none;  /*清除轮廓线*/
			}
			img{
				border:0 none;
			}
				border:0 none;
				outl
			a{
				text-decoration: none;
			}
			ul li {
				list-style: none;
			}
			
			.nav_in ul li a {
				/*使用浮动，让列表中文字变为横向显示*/
				
				float: left;
				line-height: 40px;
				/*让文字之间产生距离*/
				padding: 0 30px;
				font-size: 13px;
				/*去a标签的下划线*/
				text-decoration: none;
			}
			
			.nav_in ul li a:hover {
				color: green;
			}
			
			.nav1 {
				width: 100%;
				height: 50px;
				border: 1px solid gainsboro;
				margin: 0 auto;
				background: url(img/nav_bg.png) no-repeat;
				background-size: 100% 100%;
			}
			
			.nav_in {
				width: 980px;
				height: 50px;
				margin: 0 auto;
			}
			
			.s_h {
				width: 980px;
				height: 50px;
				background: url(img/logo.jpg) no-repeat;
				background-position: left;
				margin: 0 auto;
			}
			
			.search {
				float: right;
			}
			
			.banner {
				width: 980px;
				height: 597px;
				margin: 0 auto;
			}
			
			.nav2 {
				width: 100%;
				height: 30px;
				border: 1px solid gainsboro;
				background-color: #FBFBFB;
				margin: 5px auto;
			}
			
			.ann {
				width: 980px;
				height: 30px;
				border: 1px solid gainsboro;
				margin: 0 auto;
			}
			
			.photo {
				float: right;
			}
			
			.bottom {
				width: 980px;
				height: 250px;
				margin: 5px auto;
				
			}
			/*新品发布框*/
			.bottom_in1{
				width:310px;
				height:250px;
				border: 1px solid gainsboro;
				margin-right:15px;
				float:left;
				position:relative;
			}
			.new1{
				color:limegreen;
			}
			.l_photo{
				position:absolute;
				left:20px;
				top:130px;
			}
			.r_photo{
				position:absolute;
				right:20px;
				top:130px;
			}
			.c_photo{
				position:absolute;
				left:60px;
				top:50px;
			}
			/*新品发布框*/
			/*新闻中心框*/
			.bottom_in2{
				width:360px;
				height:250px;
				border: 1px solid gainsboro;
				float:left;
			}
			.new2{
				color:limegreen;
			}
			.title1{
				margin:20px 15px 0 23px;
			}
			.title1 li{
				height:30px;
				border-bottom:1px dotted #EFEFEF;
				line-height: 30px;
				font-size: 13px;
			}
			.gonggao{
				color:red;
				font-weight: 700px;
			}
			/*新闻中心框*/
			/*技术与支持框*/
			.bottom_in3{
				width:280px; 
				height:250px;
				border: 1px solid gainsboro;
				float:right;
			}
			.new3{
				color:limegreen;
			}
			.pro{
				height:15px;
				border-left:3px solid green;
				padding-left:5px;
				margin-top:15px;
				margin-left:20px;
			}
			.bottom_in3 p{
				margin-top:20px;
				margin-left:20px;
			}
			
			/*技术与支持框*/
			/*底部*/
			.foot{
				height:220px;
				background-color:#2D2D2D ;
				border-bottom:1px dashed #414141;
			}
			.foot_in{
				width:980px;
				margin:0 auto;
			}
			.foot_in dl{
				float:left;
				margin-top:20px;
				margin-left:30px;
			}
			.foot_in dd{
				
				color:whitesmoke;
			}
			.foot_in dt{
				margin-top:20px;
				color:#707070;
			}
			.foot_in2{
				height:100px;
				background-color: #2D2D2D;
				text-align: center;
				padding-top:20px;
				
			}
		</style>
	</head>

	<body>

		<div class="s_h">
			<div class="search">
				<input type="text" value="请输入" />
				<img src="img/search2.jpg" />
			</div>
		</div>

		<div class="nav1">
			<div class="nav_in">
				<ul>
					<li>
						<a href="#page1">首页</a>
					</li>
					<li>
						<a href="#page2">智能手机</a>
					</li>
					<li>
						<a href="#page3">电脑</a>
					</li>
					<li>
						<a href="#page4">配件</a>
					</li>
					<li>
						<a href="#page5">服务支持</a>
					</li>
					<li>
						<a href="#page6">关于尚合</a>
					</li>
				</ul>
			</div>

		</div>
		<div class="banner">
			<img src="img/banner.jpg" />
		</div>
		<div class="nav2">
			<div class="ann">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网
				<div class="photo">
					<img src="img/renren.png" />
					<img src="img/weibo.png" />
					<img src="img/xinlang.png" />
					<img src="img/zone.png." />

				</div>
			</div>

		</div>
		<div class="bottom">
			<!--新品发布框-->
			<div class="bottom_in1">
				<div class="new1">
					<img src="img/o.jpg" />
					<span>新品发布</span>
				</div>
				<div class="l_photo">
					<img src="img/left.png" />
				</div>
				<div class="r_photo">
					<img src="img/right.png" />
				</div>
				<div class="c_photo">
					<img src="img/home_hot_01.png" />
				</div>
			</div>
			<!--新闻中心框-->
			<div class="bottom_in2">
				<div class="new2">
					<img src="img/o.jpg" />
					<span>新闻中心</span>
				</div>
				<ul class="title1">
					<li class="gonggao">致歉公告</li>
					<li>首批尚合Aonet已全部售馨!</li>
					<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
					<li>我司产品已经通过了国家强制性产品3C认证</li>
					<li>尚合Aone智能手机入网证已经获工信部门审批下发</li>
					<li>我司通过ISO9001:2008国际质量管理体系认证</li>
				</ul>
			</div>
			<!--技术与支持框-->
			<div class="bottom_in3">
				<div class="new3">
					<img src="img/o.jpg" />
					<span>技术与支持</span>
				</div>
				<div class="pro">售后服务</div>
				<div class="pro">投诉与建议</div>
				<div class="pro">联保网点</div>
				<div class="pro">常见问题FAQ</div>
			<p>深圳市汇聚众合科技发展有限公司<br /> 
			服务热线：400-633-7922</p>
			</div>
		</div>
		<div class="foot">
		<div class="foot_in">
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
		</div>
	</div>
	<div class="foot_in2">
		<p>深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</p>
	</div>
	<!-- 底部结束 -->
	</body>

</html>